<script setup lang="ts"></script>
<template>
    <v-row>
        <v-col cols="12">
            <v-card elevation="10" class="bg-surface">
                <v-card-item>
                    <h4 class="text-h4">Introduction</h4>
                    <p class="my-5 text-subtitle-1 lh-md">
                        Hello, I am Mike Nielsen. I love making websites and graphics. Lorem ipsum dolor sit amet, consectetur adipiscing
                        elit.
                    </p>
                    <div class="d-flex gap-3 mb-5">
                        <BriefcaseIcon size="21" />
                        <span class="text-h6">Sir, P P Institute Of Science</span>
                    </div>
                    <div class="d-flex gap-3 mb-5">
                        <MailIcon size="21" />
                        <span class="text-h6">xyzjonathan@gmail.com</span>
                    </div>
                    <div class="d-flex gap-3 mb-5">
                        <DeviceDesktopIcon size="21" />
                        <span class="text-h6">www.xyz.com</span>
                    </div>
                    <div class="d-flex gap-3 mb-5">
                        <MapPinIcon size="21" />
                        <span class="text-h6">Newyork, USA - 100001</span>
                    </div>
                </v-card-item>
            </v-card>
        </v-col>
    </v-row>
</template>
